
.body{
  background: #FFFFFF;
}

.wrapper-contion{
    width: 100%;
    height: 100%;

}

.wrapper{
  width: 750px;
  padding-top: 260px;
  background: url('https://oss.cloudcpc.com/60b96217dd7436aeaf49c5058103a39e.png')   no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.Logo-Title{
  text-align: center;
  font-size: 42px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 43px;
  margin-bottom: 32px;
}

.Logo-sub{
  text-align: center;
  width: 750px;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 48px;
  margin-bottom: 130px;
}

.wrapper-white{
  position: relative;
  margin-top: -35px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center; 
  background:  #F3F6FF;
  border-radius: 40px 40px 0px 0px;
  padding: 65px 0px 0px 0px;
  overflow: hidden;
}

.top-Title{
  margin-bottom: 43px;
  font-size: 36px;
  color: #18202D;
  line-height: 34px;
}

.top-sub{
  margin-bottom: 50px;
  width:624px;
  font-size: 28px;
  color: #888888;
  line-height: 48px;
  text-align: center;
}

.wrapper-list{
  margin-bottom: 15px;
  width: 538px;
  height: 201px;
  background: url('https://oss.cloudcpc.com/bd07e77e864f325ba022625fd1b90927.png')   no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: row;
}

.wrapper-list-num{
  margin-left: 40px;
  margin-top: 70px;
  font-size: 28px;
  font-weight: bold;
  color: #48EDFF;
  margin-right:38px;
}

.wrapper-list-txt{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.wrapper-list-txt{
  width: 382px;
  font-size: 24px;
  color: #4F83FF;
  line-height: 36px;
}


.wrapper-midd-image{
  margin-bottom: 200px;
  width: 436px;
  height: 490px;
}

.wrapper-midd-image1{
  position:absolute;
  top: 676px;
  left: 25px;
  width: 120px;
  height: 251px;
}

.wrapper-midd-image2{
  position:absolute;
  top: 676px;
  left: 605px;
  width: 121px;
  height: 250px;
}

.wrapper-midd-image3{
  position:absolute;
  top: 1006px;
  left: 314px;
  width: 121px;
  height: 250px;
}

.image-an{

 transform: scale(0.8);
  -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 5s; /*动画所花费的时间*/
}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
      transform: scale(0.8);  /*开始为原始大小*/
      opacity: 0.8;
  }
  25%{
      transform: scale(1); /*放大1.1倍*/
      opacity: 1;
  }
  50%{
      transform: scale(0.8);
      opacity: 0.8;
  }
  75%{
      transform: scale(1);
      opacity: 1;
  }
}



.zengzhi-white{
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center; 
  background:  #FFFFFF;
  padding: 58px 0px 0px 0px;
}

.zengzhi-blue{
  margin-bottom: 43px;
  width: 190px;
  height: 49px;
  background: linear-gradient(0deg, #0071FF 0%, #318CFF 100%);
  border-radius: 5px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 49px;
  text-align: center;
}

.zengzhi-view-item{
  display: inline-block;
  margin-left: 32px;
  margin-bottom: 67px;
}

.zengzhi-list{
  display: flex;
  flex-direction: row;
}

.zengzhi-image{
  width: 372px;
  height: 263px;
  margin-right: 32px;
}

.zengzhi-url{
  width: 582px;
  height: 1295px;
  margin-bottom: 68px;
}

.management-wrapper{
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center; 
  background:  #F3F6FF;

}

.management-sub{
  margin-bottom: 15px;
}

.management-line{
  width: 2px;
  height: 68px;
  margin-bottom: 32px;
}

.management-frist{
  display: flex;
  flex-direction: row;
  margin-bottom: 45px;
}

.management-frist-img{
  margin-right: 14px;
  width: 121px;
  height: 40px;
  background: url('https://oss.cloudcpc.com/5fee0dbe0e0732e79fbf7f897bda0560.png')   no-repeat center;
  background-size: cover;
  font-size: 24px;
  color: #0078FE;
  line-height: 40px;
  text-align: center;
}

.management-frist-txt{
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #0A5CF5;
  line-height: 40px;
}

.management-frist-sub{
  font-size: 32px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
}

.management-frist-image{
  width: 706px;
  height: 605px;
  margin-bottom: 39px;
}

.management-view-item{
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: 35px;
  display: inline-block;
  width: 1133px;
  height: 799px;
}

.management-third-list{
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.management-third-left{
  margin-top: 91px;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
}

.management-third-white{
  margin-bottom: 50px;
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 316px;
  background: #FFFFFF;
  border-radius: 50px 0px 50px 0px;
}

.management-third-img{
  width: 106px;
  height: 106px;
  margin-bottom: 18px;
}

.management-third-txt{
  margin-bottom: 18px;
  font-size: 30px;
  color: #505C6B;
  line-height: 36px;
}

.management-third-sub{
  width: 288px;
  font-size: 26px;
  color: #98A4B2;
  line-height: 42px;
  margin-bottom: 49px;
  text-align: center;
}

.management-third-right{
  margin-top: 30px;
  margin-right: 0px;
}

.function-wrapper{
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.function-back{
  padding-top: 79px;
  width: 750px;
  background: url('https://oss.cloudcpc.com/78a50b3d28153f95b891cd39c7f5ff58.png')   no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.function-Title{
  margin-bottom: 36px;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 34px;
}

.function-sub{
  font-size: 28px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  margin-bottom: 210px;
}


.function-swiper-item{
  width: 680px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.function-white{
  padding-top: 23px;
  width: 310px;
  height: 530px;
  background: #050486;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.function-num{
  width: 155px;
  height: 155px;
  margin-bottom: 28px;
}

.function-white-title{
  margin-bottom: 31px;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 30px;
}

.function-white-sub{
  width: 239px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 42px;
  text-align: center;
}

.list-swiper{
    margin-top: -100px;
    margin-left: 35px;
    width: 750px;
    height:600px;
}